<template>
<!--会员详情-->
  <div>
    <list :vipRecord="vipRecord"></list>
    <ul class="other">
      <li>上次审核时间：{{vipRecord.checkDate}}</li>
      <li v-if="vipRecord.checkRemark!=''">未通过说明</li>
      <li>{{vipRecord.checkRemark}}</li>
    </ul>

  </div>
</template>

<script type="text/ecmascript-6">
  import list from '../../template/addhuiyuan'
  import {employeeViprecordDetail} from '../../../../test/unit/http'
    export default {
        name: '',
        props: {},
        data() {
            return {
              vipRecord:{}
            };
        },
        methods: {},
        created() {
          var vipRecordId = this.$route.query.vipRecordId;
          employeeViprecordDetail({vipRecordId: vipRecordId}).then(res => {
            console.log(res);
            if (res.code == 100) {
              this.vipRecord = res.object;
            }
          })
        },
        components: {
          list
        }
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less" rel="stylesheet/less">
  .other{
    color: #999;
    text-align: left;
    padding:15px;
    li{
      margin-bottom: 10px;
    }
    li:nth-child(2){
      color: #111;
      font-size: 15px;
    }
  }
</style>
